/******************************************************************************************
 * Import
 ******************************************************************************************/

// module
import React, {Component} from 'react';
import {View} from 'react-native';

// project
import {
    Text,  ItemX, Hand, Between, TouchOpacity, Header, Footer, ItemY, Image
} from '../../../library'
import { hash } from 'rsvp';

/******************************************************************************************
 * Export Class
 ******************************************************************************************/

export default class DesTop extends Component {

    /*------------------------------------------------------------------------------------
	 * 初始化
	 *-----------------------------------------------------------------------------------*/
	constructor(props) {
        super(props);

    }

    /*------------------------------------------------------------------------------------
	 * 自定义方法
	 *-----------------------------------------------------------------------------------*/

	/*------------------------------------------------------------------------------------
	 * 渲染
	 *-----------------------------------------------------------------------------------*/
	render() {
 
        // 渲染
		return (

			<View>
				<Hand bg="white">
					<Between x="center" y="center" py="20">
						<Hand f='0.5' x="center">
							<Image 
								resizeMode="stretch"
								f="0.8"
								h="200"
								source={{ uri:"https://ps.ssl.qhimg.com/dmfd/299_417_/t01434196bb06141edf.jpg" }}
							/>
						</Hand>
						<Hand f='0.5' h="200">
							<ItemY>
								<Hand h="35" y="center">
									<Text>@</Text><Text color="#333" lh="35" ml="10" size="14">09/14 11:00</Text>
								</Hand>
								<Hand h="35" y="center">
									<Text>@</Text><Text color="#333" lh="35" ml="10" size="14">保定大酒楼</Text>
								</Hand>
								<Hand h="35" y="center">
									<Text>@</Text><Text color="#333" lh="35" ml="10" size="14">免费</Text>
								</Hand>
								<Hand h="35" y="center">
									<Text>@</Text><Text color="#333" lh="35" ml="10" size="14">仅限100号人参与</Text>
								</Hand>


								<Hand h="50" y="center" mt="20">
									<Text>@</Text><Text color="#C3A73A" lh="50" ml="10" size="18">29人</Text><Text color="#333" lh="50" ml="10" size="18">|</Text><Text color="#C3A73A" lh="50" ml="10" size="18">报名中</Text>
								</Hand>

							</ItemY>
						</Hand>
						
					</Between>

				</Hand>

				<Hand bg="white" x="center">
					<Hand f="0.9">
						<Text lh="20" size="16" bold color="#333">报名开启美国开启美国营销报名开营销报名开启美国营销</Text>
					</Hand>
				</Hand>
				<Hand bg="white" x="center" pt="20" pb="10">
					<Hand f="0.9">
						<Text lh="20" size="14" color="#868686">浏览8881次</Text>
						<Text ml="10" lh="20" size="14" color="#868686">收藏100次</Text>
					</Hand>
				</Hand>

			</View>

		);
	}
}
